import classNames from 'classnames';
import styles from './index.modules.less';

function BlueCard({ title, content, className, children, style }: any) {
  return (
    <div className={classNames(styles.container, className)} style={style}>
      <div className={styles.leftTopAngle}></div>

      {title && <div className={styles.title}>{title}</div>}
      {content && <div className={styles.content}>{content}</div>}
      {children && <div className={styles.content}>{children}</div>}
    </div>
  );
}

export default BlueCard;
